.menu {
  user-select: none;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  width: 100%;
  display: block;
  background: #313138;

  // 文本缩进
  text-indent: 8px;
}

.menu-item {
  position: relative;
  display: block;
  line-height: 30px;
  cursor: pointer;

  .icon {
    font-size: 12px !important;
    margin-right: 8px;
  }

  > a {
    &:hover, &.active {
      color: #fff;
      background-color: #e72d3a;
    }
  }

  > a {
    display: block;
    text-decoration: none;
    color: #c8cad2;
  }

  > .menu {
    background: #42424a;

    // 文本缩进
    text-indent: 2 * 8px;
  }
}
